<template>
	<view class="layout">
		<view class='classify'>
			
			<view class="select">
				
				 <uni-segmented-control :current="current" :values="items" @clickItem="onClickItem" styleType="button"   activeColor="#1ec0ff" class='right'></uni-segmented-control>
					
		
			</view>
			<view class="content">
						<view v-show="current === 0">
								<uni-card title="缴费指标" extra="">
								
										<view>
											<view class="text">
												班级比例%
											</view>
											<slider value="50" @change="sliderChange" show-value />
										</view>
										<view>
											<view class="text">
												个人比例%
											</view>
											<slider value="50" @change="sliderChange" show-value />
											
										</view>
									
								</uni-card>
								
								<uni-card title="成绩指标" extra="">
									
										<view>
											<view class="text">
												班级比例%
											</view>
											<slider value="50" @change="sliderChange" show-value />
										</view>
										<view>
											<view class="text">
												个人比例%
											</view>
											<slider value="50" @change="sliderChange" show-value />
											
										</view>
									
								</uni-card>
								
								<uni-card title="心理管理" extra="">
									
										<view>
											<view class="text">
												心理考核分数%
											</view>
											<slider value="50" @change="sliderChange" show-value />
											
										</view>
									
								</uni-card>
			            </view>
			            <view v-show="current === 1">
			               <uni-card title="发送个人提醒消息" extra="">
			               
			               		<view class="pep">
			               					<view class="title">收信人</view>
			               					<input class="xx-input" type="number" v-model="numb"   placeholder="输入收信人" />
			               				</view>
			               		<view class="pep">
			               			<view class="title">信息内容</view>
			               			<textarea name="" id="" cols="30" rows="10" placeholder="输入内容"></textarea>
			               		</view>
			               				
			               		<button class="but" @click="loginGo">确认发送</button>
			               	
			               </uni-card>
						   
						   <!-- <uni-card title="代办事项" extra="">
						   	<text class="uni-body">
						   		<uni-list>
						   			<uni-list-item title="紧急" note="刘德华生病了要去找医生"></uni-list-item>
						   			<uni-list-item title="一般" note="2班的学费要催一催了"></uni-list-item>
						   		</uni-list>
						   	</text>
						   </uni-card> -->
			            </view>
			          
			</view>
		
		</view>	
	</view>
</template>

<script setup>
import { ref } from 'vue';

const current = ref(0);
const items = ref(['预警指标','预警提醒',]);	

const onClickItem = (e) =>{
		
		if (current.value != e.currentIndex) {
		        current.value = e.currentIndex;
		      }
	}
</script>

<style lang='scss' scoped>
	 .layout{
		 padding: 10rpx 30rpx;
		 
		 .pep{
			.title{
			 	color: $xx-color-body;
			 	font-weight: 600;
			 }
			 
			 input{
			 	border-bottom: 1rpx solid $xx-color-body;
			 	height: 80rpx;
			 }
		 }
		 
		 .but{
		 			width: 500rpx;
		 			height: 80rpx;
		 			border-radius: 40rpx;
		 			background: $xx-color-body;
		 			color: #fff;
		 }
	 }      
</style>
